<template>
	<view class="page">	
		<view class="my-item">
			
			<span class="name">昵称：dbb</span>
			<span class="iconfont icon-shezhi1"></span>
			
		</view>
		<view class="my-apply">
			<span class="iconfont icon-daijiedan"></span>
			<span class="title">申请接单</span>
			<span class="arrow">></span>
			
		</view>
		<view class="my-tips">
			<span class="title1">问题请点击微信客服复制微信添加好友</span>
		</view>
		<view class="my-cs">
			<span class="iconfont icon-shejiaotubiao-01"></span>
			<span class="title">微信客服</span>
			<span class="arrow">></span>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.page {
	width: 100%;
	height: 100vh;
	background-color: #f2f2f2;
	.my-item {
		height: 15vh;
		background-color: #b2cfed;
		.name {
			line-height: 170rpx;
			color: #ffffff;
		}
		.iconfont {
			position: absolute;
			left: 340px;
			
			color: red;
			font-size: 36rpx;
			font-weight: bold;
		}
	}
	.my-apply {
		height: 45px;
		background-color: #ffffff;
		margin: 15px;
		border-radius: 10rpx;//圆弧
		.title {
			font-size: 15px;
			line-height: 90rpx;
			padding-left: 15px;
		}
		.arrow {
			position: absolute;
			left: 340px;
			line-height: 90rpx;
			color: #a4a4a4;
			
		}
	}
	.my-tips {
		height: 45px;
		background-color: #b2cfed;
		margin: 15px;
		border-radius: 10rpx;
		text-align: center;
		line-height: 45px;
	}
}

</style>
